<template>
	<!-- 管理 -->
	<view>
		<naviTitle tit="管理" />
		<view class="tab_list flex-cb bg-white">
			<view v-for="(item,index) in tablist" :key="index" :class="{item:index == isclass}"
				@click="isclass = index">
				{{item.text}}
			</view>
		</view>
		<!-- 店铺装修 -->
		<view class="head bg-white" v-if="isclass ==0">
			<view class="name flex-cb">
				<view class="img flex-cb">
					<image :src="userinfo.avatar?userinfo.avatar:'/static/logo.png'" mode=""
						style="border-radius: 50rpx;"></image>
					<text>{{userinfo.shop_name}}</text>
				</view>
				<navigator :url="'./admin/user_edit?user=' + JSON.stringify(userinfo)" class="edit flex align-center">
					<image src="/static/pageA/icon_bj.png" mode=""></image>
					<text class="bj">编辑</text>
				</navigator>

			</view>
			<view class="address">
				店铺地址：{{userinfo.shop_province + userinfo.shop_city + userinfo.shop_district + userinfo.shop_address}}
			</view>
			<view class="contacts">联系人：{{userinfo.contact_person}}</view>
			<view class="phone">联系方式：{{userinfo.contact_phone}}</view>
			<view class="text_img">
				<text>店铺图片：</text>
				<view class="div_img">
					<image :src="userinfo.shop_cover?userinfo.shop_cover:'/static/logo.png'" mode=""></image>
				</view>
			</view>
			<view class="foot">
				<text>简介：</text>
				<view class="span">{{userinfo.shop_intro}}</view>
			</view>
		</view>

		<!-- 营业管理 -->
		<view class="head1" v-if="isclass == 1">
			<view class="flex-cb list" @click="handlechoice(userinfo.is_open)">
				<text>{{userinfo.is_open?'营业中':'暂停营业'}}</text>
				<image src="/static/s1.png" mode="" v-if="userinfo.is_open"></image>
				<image src="/static/s2.png" mode="" v-else></image>
			</view>
			<view class="flex-cb list">
				<text>营业时间</text>
				<view class="flex-cb right">
					<picker mode="time" range="" @change="handleTime">
						<view class="flex-cb">
							<view>{{userinfo.start_open_time?userinfo.start_open_time:'选择时间'}}</view>
							<text class="cuIcon-unfold"></text>
						</view>
					</picker>
				</view>到
				<view class="flex-cb right">
					<picker mode="time" range="" @change="handlendTime">
						<view class="flex-cb">
							<view>{{userinfo.end_open_time?userinfo.end_open_time:'选择时间'}}</view>
							<text class="cuIcon-unfold"></text>
						</view>
					</picker>
				</view>
			</view>
			<view class="flex-cb list" @click="setyunfei">
				<text>设置运费</text>
				<text>
					<text>{{yunfei}}</text>
					<text class="cuIcon-right"></text>
				</text>
			</view>
		</view>
		<!-- 商品管理 -->
		<scroll-view class="head2 flex " v-if="isclass == 2" scroll-y="true" enable-flex :class="{iphones:iphone}">
			<view class="setup flex align-center" @click="issetup=1">
				<image src="/static/pageA/icon_bj.png" mode=""></image>
				<text class="bj">设置</text>
			</view>
			<navigator url='./TableAdmin' class="setup2" v-if="userinfo.main_id == 2">
				<text class="bj flex-c">桌号管理</text>
			</navigator>
			<scroll-view class="tab_lists" scroll-y="true">
				<view v-for="(item,index) in tab_left_list" :key="index" class="lists_item flex align-center"
					:class="{lists_items:leftList == index}" @click="handleLfetitem(item.id,index)">
					<view class="text flex-c">{{item.name}}</view>
					<!-- 红色删除按钮 -->
					<image src="/static/icon_sc.png" mode="" v-if="isdelete" @click.stop="handleDelter(item.id,index)">
					</image>
				</view>
			</scroll-view>
			<!-- 商品列表 -->
			<scroll-view class="commodity_list flex justify-between flex-wrap" enable-flex scroll-y="true">
				<view class="itemlist  " v-for="(item,index) in listda" :key="index">
					<image :src="url+ item.main_images[0]" mode=""></image>

					<view class="text">{{item.name}}</view>

					<view class="Price flex-cb">
						<text class="Price_num"
							v-if="item.service.point_deduct_amount != 0&&item.service.point_deduct_amount">
							{{item.service.point_deduct_max_amount/(item.service.point_deduct_amount/100)}}积分抵扣￥{{item.sku.spec_list[0].item_list[0]['point_deduct_max_amount']||item.service.point_deduct_max_amount||0}}
						</text>
						<text class="Price_num"
							v-if="item.sku.spec_list[0].item_list[0]['100_point_deduct_amount'] != 0&&item.sku.spec_list[0].item_list[0]['100_point_deduct_amount']">
							{{item.sku.spec_list[0].item_list[0]['point_deduct_max_amount']/(item.sku.spec_list[0].item_list[0]['100_point_deduct_amount']/100)}}积分抵扣￥{{item.sku.spec_list[0].item_list[0]['point_deduct_max_amount']||item.service.point_deduct_max_amount||0}}
						</text>
					</view>
					<view class="MemberPrice">
						会员价:{{item.sku.spec_list[0].item_list[0].vip_price||item.service.vip_price}}</view>
					<view class="integral">原价:￥{{item.sku.spec_list[0].item_list[0].price||item.service.price}}</view>
					<view class="numbar" style="font-size: 22rpx;">
						库存{{item.sku.spec_list[0].item_list[0].stock||item.service.stock||0}}</view>
					<view style="font-size: 22rpx; width: 110rpx; color: #fff; padding: 5rpx 10rpx; background-color: red; border-radius: 25rpx;" v-if="item.is_new_limit == 1">
						新人限购
					</view>
					<!-- 编辑 -->
					<view class="position flex justify-end" v-if="editing == 1">
						<view class="view flex-c" @click="handleDel(item.id)">
							<image src="/static/pageA/del.png" mode="widthFix" style="margin-right: 10rpx;"></image>
						</view>
						<view @click="handleBJ(item)" class="view flex-c" style="background-color: #1CD699;">
							<image src="/static/pageA/bj.png" mode="widthFix" style="margin-right: 5rpx;"></image>
						</view>

					</view>
				</view>
			</scroll-view>
			<!-- 点击设置 出现的内容 -->
			<view class="mobilePhone modal_view" v-if="issetup">
				<view class="phone_num">
					<view class="item" v-for="(item,index) in setuplist" :key="index" @click="handleSetuplist(index)">
						{{item.text}}
					</view>
				</view>
				<view class="cancel" @click="issetup=0,isdelete=0,editing=0">取消设置</view>
			</view>
		</scroll-view>

		<!-- 财务管理 -->
		<!-- <Finance v-if="isclass == 3" :credit="userinfo.credit" /> -->
		<view v-if="isclass == 3">
			<view class="money">
				<image src="/static/list/bg3.png" mode=""></image>
				<view class="head_main flex justify-between">
					<view class="">
						<view class="text">账户余额</view>
						<view class="numbar">{{userinfo.credit}}</view>
					</view>
					<view class="">
						<navigator url="/pageA/admin/symx" class="symx">收益明细</navigator>
						<navigator url="/pageA/admin/tx" class="button flex-c">提现</navigator>
					</view>
				</view>
			</view>
			<view class="foot2">
				<!-- 				<view class="line flex align-center justify-end">
					<view class="line_solid flex-cb">
						<view class="solidS"></view>
						<text>总销量</text>
					</view>
					<view class="line_solid flex-cb">
						<view class="solidS" style="background-color: #F3CF62;"></view>
						<text>今日销量</text>
					</view>
					<view class="line_solid flex-cb">
						<view class="solidS" style="background: #FAA0A9;"></view>
						<text>月销售</text>
					</view>
				</view> -->
				<view class="time flex align-center justify-end">
					<view class="year flex-cb">
						<picker mode="date" end="" fields="year" @change="handleYear">
							<view class="flex-cb">
								<view>{{year}}</view>
								<text class="cuIcon-triangledownfill" style="color: #fff;"></text>
							</view>
						</picker>
						<text class="text flex-c" style="color: #fff;">年</text>
					</view>
					<view class="year flex-cb month">
						<picker mode="date" end="" fields="month" @change="handleMonth">
							<view class="flex-cb">
								<view>{{month}}</view>
								<text class="cuIcon-triangledownfill" style="color: #fff;"></text>
							</view>
						</picker>
						<text class="text flex-c" style="color: #fff;">月</text>
					</view>
				</view>
				<LineChart v-if="isshow" :dataAs="histogramData2" canvasId="ht1" labelKey="label" valueKey="value"
					:yAxisAs="{
						formatter: {
							type: 'percent' //type:number percent String,额外参数:fixed:NUmber,name:String
						}
					}" />
			</view>
		</view>
		<tabbar :isTab='1' :num="tab"></tabbar>
	</view>
</template>

<script>
	import naviTitle from './components/naviTitle/naviTitle.vue'
	import LineChart from './components/stan-ucharts/LineChart.vue'
	export default {
		components: {
			naviTitle,
			LineChart
		},
		data() {
			return {
				tab: 0, //tabbar红点参数

				iphone: '',
				userinfo: {},
				url: '',
				yunfei: '',
				istrue: null, //是否可以删除分类
				listda: [],
				isclass: 0, //tab显示参数 0店铺装修 1营业管理
				leftList: 0, //左边商品列表下标
				isdelete: 0, //商品标题 删除
				issetup: 0, //商品管理 设置显示
				editing: 0, //商品管理 编辑商品
				tablist: [{
						text: '店铺装修',
					},
					{
						text: '营业管理',
					},
					{
						text: '商品管理',
					},
					{
						text: '财务管理',
					}
				],
				tab_left_list: [],
				setuplist: [{
						id: 0,
						text: '新建分类',
					},
					{
						id: 1,
						text: '编辑分类',
					},
					{
						id: 2,
						text: '编辑商品',
					},
					{
						id: 3,
						text: '新建商品',
					},
				],



				/* 财务管理 */
				year: '',
				month: '',
				isshow: 1,
				t: null,
				histogramData2: {
					//折线图  //label应为series value 应为
					label: ['1', ''],
					// label:["2022-09-06"],
					value: [{
							name: '月销量',
							data: [0]
						},
						{
							name: '日销量',
							data: [0]
						},
						{
							name: '日平均销量',
							data: [0]
						}
					]
				},
				listKey: ''
			};
		},
		onLoad() {
			this.iphone = getApp().globalData.iphone
			this.yunfei = uni.getStorageSync('yunfei')
			this.url = this.$base
			this.$api.merchants_order_messages_unread_number().then(res => {
				this.tab = res.data
			})
			/* 财务管理 */
			let t = this.$utils.getYearMon(1)
			console.log(t);
			this.year = t[0]
			this.month = t[1] >= 10 ? t[1] : '0' + t[1]
			this.getdata()
		},
		onShow() {
			this.$api.merchant({}, true).then(res => {
				this.userinfo = res.data
				if (this.userinfo.avatar) {
					console.log('y');
					this.userinfo.avatar = this.$base + res.data.avatar
				}
				this.userinfo.shop_cover = this.$base + res.data.shop_cover
				uni.setStorageSync("user", res.data);
				this.list()
			})
		},
		methods: {
			/* 营业管理 */
			handlechoice(i) {
				console.log(i);
				if (i !== 1) {
					this.$api.merchant_open({}, 1).then(res => {
						if (res.code == 200001) {
							console.log('1操作成功')
							this.userinfo.is_open = 1
						}
					})
				} else {
					this.$api.merchant_close({}, 1).then(res => {
						if (res.code == 200001) {
							console.log('0操作成功')
							this.userinfo.is_open = 0
						}
					})
				}
			},
			handleTime(e) { // 选择时间 开始
				this.userinfo.start_open_time = e.detail.value
				if (this.userinfo.end_open_time) this.set()
			},
			handlendTime(e) { // 选择时间 结束
				this.userinfo.end_open_time = e.detail.value
				if (this.userinfo.start_open_time) this.set()
			},
			set() {
				this.$api.merchant_Time({
					start_open_time: this.userinfo.start_open_time,
					end_open_time: this.userinfo.end_open_time
				}).then(res => {
					if (res.code == 200001) console.log('操作成功');
				})
			},
			setyunfei() {
				uni.showModal({
					confirmColor: '#1CD699',
					editable: true,
					title: '运费',
					placeholderText: '请设置运费（列如：6.00）',
					success: (res) => {
						let _this = this
						if (res.confirm) {
							if (res.content == '') {
								_this.$utils.showTips('运费不能为空，请重试！')
							} else {
								_this.yunfei = res.content
								_this.$api.change_yunfei({
									express_fee: _this.yunfei
								}, 1).then(res => {
									if (res.code == 200001) {
										uni.setStorageSync('yunfei', _this.yunfei)
									}
								})
							}

						}
					}

				})
			},
			/* 营业管理 */

			/* 
				商品管理
			 */
			handleLfetitem(id, i) {
				this.leftList = i
				this.listKey = id
				uni.setStorage({
					key: 'storage_key',
					data: id,
				})
				console.log(this.listKey);
				this.getlist(id)
				console.log('获取商品数据');
				if (this.isdelete) {
					uni.showModal({
						confirmColor: '#1CD699',
						editable: true,
						title: '修改分类',
						placeholderText: '请输入分类名称',
						success: (res) => {
							if (res.confirm) {
								if (res.content == '') {
									this.$utils.showTips('请输入分类名称')
								} else {
									this.$api.goodsCategories({
										name: res.content,
									}, id).then(res => {
										console.log(res);
										if (res.code == 200001) {
											this.$utils.showTips('修改成功')
											this.list()
										}
									})
								}
							}
						}
					})
				}
			},
			list() { // 分类列表
				this.$api.goods_categories({}, true).then(res => {
					console.log(res);
					if (res.code == 200001) {
						this.tab_left_list = res.data
						this.getlist(res.data[this.leftList].id)
					}
				})
			},
			getlist(id) { //商品列表
				this.$api.tab_goods_categories({}, id, 1).then(res => {
					if (res.code == 200001) {
						this.listda = res.data
					}

				})
			},
			handleIs(id) {
				this.$api.tab_goods_categories({}, id, 1).then(res => {
					if (res.data.length == 0) {
						this.istrue = 0
					}
					if (res.data.length >= 1) {
						this.istrue = 1
					}
				})
			},
			handleBJ(e) { //商品编辑
			console.log(this.listKey,'传什么东西过去key');
			console.log(e,'传什么东西过去e');
				uni.navigateTo({
					// url:'/pageA/admin/NewProducts?main_id=' +this.userinfo.main_id +'&type='+this.leftList+ '&bjdata=' + JSON.stringify(e)
					url: '/pageA/admin/NewProducts?bjdata=' + JSON.stringify(e) + '&key=' + this.listKey
				})
			},
			handleDelter(id, i) { // 删除分类
				this.handleIs(id)
				uni.showModal({
					confirmColor: '#1CD699',
					content: '是否确认删除此分类吗？',
					title: '删除分类',
					success: (res) => {
						if (res.confirm) {
							if (this.istrue == 0) {
								this.$api.merchant_cate_delete({}, id, true).then(res => {
									if (res.code == 200001) {
										this.$utils.showTips('删除成功')
										this.list()
										this.leftList = 0
										this.istrue = null
									}
								})
							}
							if (this.istrue == 1) {
								uni.showModal({
									confirmColor: "#1CD699",
									title: '删除分类',
									content: "当下分类已有商品，无法删除分类！"
								})
							}
						}
					}
				})
			},
			handleSetuplist(i) { // 设置
				this.issetup = 0
				if (i == 0) {
					uni.showModal({
						confirmColor: '#1CD699',
						editable: true,
						title: '新建分类',
						placeholderText: '请输入分类名称',
						success: (res) => {
							if (res.confirm) {
								if (res.content == '') {
									this.$utils.showTips('请输入分类名称')
								} else {
									this.$api.merchant_cate_add({
										name: res.content,
									}, 1).then(res => {
										if (res.code == 200001) {
											this.$utils.showTips('添加成功')
											this.list()
										}
									})
								}
							}
						}
					})
					return
				}
				if (i == 1) { //编辑分类
					this.isdelete = 1
				}
				if (i == 2) { //编辑商品
					this.editing = 1
				}
				if (i == 3) {
					if (this.tab_left_list.length == 0) {
						this.$utils.showTips('请先添加商品分类')
						return
					}
					uni.navigateTo({
						url: '/pageA/admin/NewProducts?main_id=' + this.userinfo.main_id
					})
				}
			},
			handleDel(id) { //删除商品
				this.$api.merchants_goods_delete({}, id, 1).then(res => {
					console.log(res);
					this.getlist(this.tab_left_list[this.leftList].id)
				})
			},


			/* 财务管理 */
			handleYear(e) {
				this.isshow = 0
				this.histogramData2.label = []
				for (let i = 0; i < 3; i++) {
					this.histogramData2.value[i].data = []
				}
				this.year = e.detail.value
				this.getdata()
			},
			handleMonth(e) {
				this.isshow = 0
				this.histogramData2.label = []
				for (let i = 0; i < 3; i++) {
					this.histogramData2.value[i].data = []
				}
				this.month = e.detail.value.split('-')[1]
				this.getdata()
			},
			getdata() {
				this.$api.month_transaction_details({
					year_month: this.year + '-' + this.month
				}, 1).then(res => {
					console.log(res);
					this.t = res.data
					let num = 0
					for (let i = 0; i < this.t.length; i++) {
						this.histogramData2.label[i] = this.t[i].ymd.substring(8, 10)
						num += this.t[i].sale_count
						this.histogramData2.value[0].data[i] = this.histogramData2.value[0].data[0]
						this.histogramData2.value[1].data[i] = this.t[i].sale_count

					}
					for (let i = 0; i < this.t.length; i++) {
						this.histogramData2.value[0].data[i] = num
						this.histogramData2.value[2].data[i] = parseInt(num / this.t.length)
					}
					this.histogramData2.label.push('')
					this.isshow = 1
					console.log(this.histogramData2.label);
					console.log(this.histogramData2,'histogramData2histogramData2histogramData2');
				})
			}
		}
	}
</script>

<style lang="scss">
	.tab_list {
		height: 96rpx;
		padding: 0 30rpx;
		font-size: 28rpx;
		color: #333;

		.item {
			color: #1CD699;
			font-weight: bold;
			font-size: 30rpx;
		}
	}

	.head {
		min-height: 100vh;
		margin-top: 0.5rpx;
		margin-bottom: 150rpx;
		padding: 0 36rpx 25rpx 36rpx;

		.name {
			padding: 26rpx 27rpx 0 0;

			image {
				width: 100rpx;
				height: 100rpx;
				margin-right: 20rpx;
			}

			.img {
				text {
					font-size: 30rpx;
					font-weight: bold;
					color: #333;
				}
			}

			.edit {
				width: 138rpx;
				height: 60rpx;
				padding: 10rpx 15rpx;
				border-radius: 28rpx;
				background: #d7f5eb;
				position: relative;
				right: -34rpx;

				image {
					width: 32rpx;
					height: 32rpx;
				}

				text {
					color: #1CD699;
					font-size: 26rpx;
				}
			}
		}

		.address,
		.contacts,
		.phone {
			font-size: 28rpx;
			color: #333;
			font-weight: 500;
			margin: 25rpx 0;
		}
	}

	.text_img {
		font-size: 26rpx;
		font-weight: 500;
		color: #333;

		.div_img {
			margin-top: 20rpx;
			margin-bottom: 22rpx;

			image {
				width: 204rpx;
				height: 204rpx;
			}
		}
	}

	.foot {
		text {
			font-size: 28rpx;
			color: #333;
			font-weight: 500;
		}

		.span {
			font-size: 26rpx;
			font-weight: 500;
			line-height: 50rpx;
		}
	}

	.head1 {
		padding-top: 10rpx;

		.list {
			width: 730rpx;
			height: 122rpx;
			background: #FFFFFF;
			border-radius: 14rpx;
			margin: auto;
			margin-bottom: 10rpx;
			padding: 0 26rpx;

			image {
				width: 104rpx;
				height: 60rpx;
			}

			txet {
				font-size: 30rpx;
				font-weight: bold;
				color: #333;
			}

			.right {
				font-size: 32rpx;
				font-weight: bold;
				color: #1CD699;

				.cuIcon-unfold {
					margin-left: 18rpx;
				}
			}
		}

	}

	.head2 {
		padding: 4rpx 0 60rpx 0;
		margin-top: 4rpx;
		width: 100%;
		height: calc(100vh - 275rpx);

		.setup,
		.setup2 {
			width: 138rpx;
			height: 60rpx;
			position: absolute;
			top: 18rpx;
			right: 0;
			padding: 10rpx 15rpx;
			border-radius: 28rpx;
			background: #d7f5eb;

			image {
				width: 32rpx;
				height: 32rpx;
			}

			text {
				color: #1CD699;
				font-size: 26rpx;
				margin-left: 15rpx;
			}
		}

		.setup2 {
			white-space: nowrap;
			width: 148rpx;
			right: 158rpx;
			padding: 0;

			.bj {
				margin: 0;
				height: 100%;
				width: 100%;
			}
		}

		.tab_lists {
			//商品标题列表
			width: 190rpx;
			height: 100%;
			background: #F5F5F5;

			.lists_item {
				height: 120rpx;
				position: relative;

				.text {
					width: 190rpx;
					height: 60rpx;
				}

				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 10rpx;
					right: 14rpx;
				}
			}

			.lists_items {
				background: #fff;

				.text {
					border-left: 6rpx solid #1CD699;
				}
			}

		}

		// 商品列表
		.commodity_list {
			padding: 98rpx 20rpx 0 20rpx;
			background: #F1EFF0;

			.itemlist {
				width: 254rpx;
				height: 500rpx;
				background-color: #fff;
				border-radius: 10rpx;
				margin-bottom: 14rpx;
				position: relative;

				view {
					padding-left: 11rpx;
				}

				image {
					width: 254rpx;
					height: 246rpx;
				}

				.position {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					padding: 10rpx 0;
					text-align: right;

					.view {
						width: 50rpx;
						height: 50rpx;
						border-radius: 50%;
						background: rgba(255, 255, 255, .4);
						margin-right: 10rpx;
						background-color: #FF2E2E;

						image {
							width: 25rpx;
							height: 25rpx;
						}
					}
				}

				.text {
					width: 220rpx;
					font-size: 20rpx;
					height: 40rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 34rpx;
					margin-bottom: 9rpx;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.Price {
					white-space: nowrap;
					font-size: 20rpx;
					padding: 9rpx 6rpx 6rpx 11rpx;
					height: 21rpx;

					.Price_num,
					.numbar {
						// transform: scale(0.8);
						// text-align: left;
					}

					.Price_num {
						color: #FF6F10;
					}

					.numbar {
						color: #999999;
						margin-right: 5rpx;
					}
				}

				.MemberPrice {
					color: #333;
					font-size: 26rpx;
					font-weight: bold;
					height: 37rpx;
					line-height: 56rpx;
					margin-top: 6rpx;
				}

				.integral {
					color: #FF2E2E;
					margin: 10rpx 0;
					font-size: 22rpx;

				}
			}
		}

		.mobilePhone {
			position: fixed;
			z-index: 1111;

			.phone_num,
			.cancel {
				width: 710rpx;
				height: 110rpx;
				background: #FFFFFF;
				border-radius: 14rpx;
				position: fixed;
				left: 21rpx;
				bottom: 158rpx;
				text-align: center;
				line-height: 116rpx;
			}

			.phone_num {
				height: 394rpx;
				font-size: 30rpx;
				font-weight: bold;

				.item:nth-child(1) {
					color: #1CD699;
				}

				.item {
					color: #999;
					height: 97rpx;
				}
			}

			.cancel {
				font-size: 32rpx;
				font-weight: 500;
				bottom: 26rpx;
			}
		}
	}

	.iphones {
		padding-bottom: 180rpx;
	}

	.money {
		margin-top: 10rpx;
		padding: 0 20rpx;
		position: relative;

		image {
			width: 710rpx;
			height: 266rpx;
		}

		.head_main {
			width: 710rpx;
			height: 266rpx;
			position: absolute;
			top: 0;
			left: 0;
			padding: 22rpx 26rpx 0 47rpx;
			color: #FFF;

			.text {
				margin-top: 54rpx;
				font-size: 32rpx;
				margin-bottom: 19rpx;
			}

			.numbar {
				height: 84rpx;
				line-height: 84rpx;
				font-size: 60rpx;
				margin-bottom: 48rpx;
			}

			.symx {
				text-align: right;
				font-size: 26rpx;
				height: 37rpx;
				margin-bottom: 74rpx;
			}

			.button {
				width: 194rpx;
				height: 60rpx;
				background: #FFFFFF;
				border-radius: 36rpx;
				font-size: 32rpx;
				color: #1CD699;
			}
		}
	}

	.foot2 {
		width: 753rpx;
		margin-bottom: 170rpx;
		min-height: 818rpx;
		background: #000000;
		border-radius: 10rpx;
		margin-top: 17rpx;
		color: #FFF;
		padding: 33rpx 20rpx;

		.line {
			margin-bottom: 29rpx;
			font-weight: bold;

			.line_solid {
				height: 33rpx;
				margin-left: 27rpx;

				.solidS {
					width: 26rpx;
					height: 6rpx;
					background: #54A4E4;
					margin-right: 10rpx;
				}

				text {
					font-size: 24rpx;
				}
			}
		}
	}

	.time {
		margin-bottom: 128rpx;

		.year {
			width: 178rpx;
			height: 46rpx;
			margin-left: 14rpx;
			border-radius: 10rpx;
			border: 1px solid #FFFFFF;
			padding: 0 18rpx;
			font-weight: bold;
			color: #fff;

			.text {
				font-size: 28rpx;
				margin-left: 5rpx;
				padding-left: 5rpx;
				flex: 1;
				border-left: 1px solid #fff;
			}
		}

		.month {
			width: 156rpx;
		}
	}
</style>
